<template>
  <div class="sign-wrap" :class="{signColor:gray}">
    <div class="name">{{userName}}</div>
    <div class="sign" :class="{signColor:gray}">{{sign}}</div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    props: {
      userName: {
        type: String,
        default: ''
      },
      sign: {
        type: String,
        default: '已签到'
      },
      gray: {
        type: Boolean,
        defaule: 'false'
      }
    },
    data () {
      return {
      }
    }
  };

</script>
<style scoped lang="less" rel="stylesheet/less">
  @import "./style.less";
</style>
